<!---- SUI模板 on 2017/4/10 -->
<script ng-init="initCss('search-page/css/search.css')"></script>
<header class="bar bar-nav nav-top">
    <div class="searchbar">
        <a class="searchbar-cancel cancel" ng-click="search()">搜索</a>
        <div class="search-input">
            <label class="icon icon-search" for="search"></label>
            <input type="search" ng-model="keyword" id='search' placeholder='输入关键字...'/>
        </div>
    </div>
</header>
<nav class="bar bar-tab">
    <a class="tab-item  external " href="#/home">
        <span class="icon icon-home"></span>
        <span class="tab-label">首页</span>
    </a>
    <a class="tab-item external active" href="#search">
        <span class="icon icon-search"></span>
        <span class="tab-label">检索</span>
    </a>
    <a class="tab-item external" href="#/individual-center">
        <span class="icon icon-me"></span>
        <span class="tab-label">个人中心</span>
    </a>

</nav>
<div class="bar">

</div>
<div class="content detail infinite-scroll" ng-init="pageInit()">
    <!--内容区-->
    <div class="content-padded docs-icons row option buttons-fixed">
        <div class="col-33 options ">
            <span class="fa fa-github-alt">分类</span>

            <select class="pull-right col-60" ng-model="taskType"
                    ng-options="x.taskTypeId as x.taskTypeName for x in types">
            </select>

        </div>
        <div class="col-33 text-center options">
            <span class="fa fa-rmb">金额:</span>
            <a href="javascript:;" ng-click="chooseMoney()" class="open-about pull-right col-60">{{conditionPrice |
                parsePriceFilter}}</a>

        </div>
        <div class="col-33 text-center options">
            <span class="fa fa-map-marker">距离</span>
            <select class="pull-right col-60" ng-model="distanceChose"
                    ng-options="x.distance as x.distanceDescribe for x in distanceList">
            </select>
        </div>


    </div>


    <!--<div class="content-padded docs-icons row option text-center">-->
    <!--<div class="col-50 options ">-->
    <!--<span class="fa fa-github-alt">按时间排序</span>-->
    <!--</div>-->
    <!--<div class="col-50 text-center options">-->
    <!--<span class="fa fa-rmb">按金额排序</span>-->
    <!--</div>-->
    <!--</div>-->

    <div class="content-block" ng-if="!taskList.length" style="color: #ccc;font-size: .7rem">附近没有符合条件的任务
    </div>
    <div class="list-block task-list" ng-if="taskList.length">
        <ul>
            <li class="item-content item-link" ng-repeat="task in taskList" ng-click="getSearchTaskId(task.taskId)">
                <div class="item-media"><i class="icon icon-f7"></i></div>
                <div class="item-inner">
                    <div class="task-title">{{task.taskTitle}}</div>
                    <div class="main">{{task.taskMoney | currency:'¥'}}</div>
                    <div class="main">{{task.taskState | statusFilter}}</div>
                    <div class="main">{{task.distance | distanceChangeFilter}}</div>
                </div>
            </li>
        </ul>
    </div>


</div>
<!-- 加载提示符 -->
<div class="infinite-scroll-preloader">
    <div class="preloader"></div>
</div>
</div>
<div class="popup popup-money">
    <div class="content-block">输入金额条件限制：</div>
    <div class="list-block price">
        <ul>
            <!-- Text inputs -->
            <li>
                <div class="item-content">
                    <div class="item-media"><i class="icon icon-form-name"></i></div>
                    <div class="item-inner">
                        <div class="item-title label">最小金额</div>
                        <div class="item-input">
                            <input type="number" ng-model="conditionPrice.minPrice" placeholder="该值限制筛选结果中的最小金额">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-media"><i class="icon icon-form-name"></i></div>
                    <div class="item-inner">
                        <div class="item-title label">最大金额</div>
                        <div class="item-input">
                            <input type="number" ng-model="conditionPrice.maxPrice" placeholder="该值限制筛选结果中的最大金额">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="content-block">
        <p class=""><a href="javascript:;" class="close-popup button button-fill button-success"
                       ng-click="search()">确认</a></p>
    </div>
</div>
<div ng-init="suiMobileInit('search-page/js/loading-more.js')"></div>